import React from 'react'
import { hashHistory } from 'react-router'
import CommonHeader from 'COMPONENT/CommonHeader';
import { List, Icon, Button, InputItem ,ImagePicker ,Checkbox, Picker } from 'antd-mobile'
import './index.less';
import PropTypes from 'prop-types';
const AgreeItem = Checkbox.AgreeItem;
const ListItem = List.Item;

class RentQuery extends React.Component {
	static contextTypes = {
        router: PropTypes.object.isRequired
    }
	
	constructor(props) {
        super(props);
        this.state = {

        }
    }

    goNext=()=>{ 

        this.context.router.push({
            pathname: '/RentQuery'
        })
    }

    render(){
        return( 
            <div className="tourist_page">
                <CommonHeader 
                    name= "租约查询"					
                    leftContentTitle="@back"
                    leftContent="返回"
                />
                <div style={{height:'.9rem'}}></div>
                <List className="mg_top">
                    <InputItem
                        clear
                        placeholder="请输入身份证号"
                        ref={el => this.autoFocusInst = el}
                    >身份证号</InputItem>
                </List>

                <List className="mg_top">
                    <InputItem
                        clear
                        placeholder="请输入姓名"
                        ref={el => this.inputRef = el}
                    >姓名</InputItem>
                </List>


                <div className="btnGroup-one" style={{marginTop:'0.5rem'}}>
                    <Button type="primary" className="btnGroup-one-btn" onClick={this.goNext}>马上申请</Button>
                </div>

            </div>
        )
    }
}
export default RentQuery;
